<template>
  <p>
    <span>{{ folder.name }}</span>
    <tree-folder-contents :children="folder.children"></tree-folder-contents>
  </p>
</template>
<script>
  export default {
    props: ['folder'],
    data: function () {
      return {}
    },
    beforeCreate: function () {
      this.$options.components.TreeFolderContents = require('./tree-folder-contents.vue');
    }
  }
</script>